/* ----- menu theme override in menu bar ----- */

.atb-menu div.dynarch-horiz-menu {
 background-color: transparent;
 background-image: none;
 border-style: none;
}

/* ----- no borders around linked images ----- */

a img {
 border-style: none;
}

/* ----- label autocomplete ----- */

div.auto_complete {
 width: 350px;
 background: #fff;
}
div.auto_complete ul {
 border: 1px solid #888;
 margin: 0;
 padding: 0;
 width: 100%;
 list-style-type: none;
}
div.auto_complete ul li {
 margin: 0;
 padding: 3px;
}
div.auto_complete ul li.selected {
 background-color: #ffb;
}
div.auto_complete ul strong.highlight {
 color: #800;
 margin: 0;
 padding: 0;
}

/* remove margins from forms */
.marginlessForm {
 margin: 0px;
}

/* ----- labels heat-map ----- */
/* NB: Also used by in-page macros so needs to be in this general css section */

.heatmap {
 list-style:none;
 width: 100%;
 margin: 0px auto;
}
.heatmap a {
 text-decoration:none;
}
.heatmap a:hover {
 text-decoration:underline;
}
.heatmap li {
 display: inline;
}

/* ----- inline control links ----- */

/* default state */
span.inline-control-link {
 padding: 1px;
 border: 1px outset #808080;
 background-color: #E0E0E0;
}
/* mouse hover */
span.inline-control-link:hover {
 border: 1px outset #808080;
 background-color: #F3F5F4;
}
/* active or pressed */
span.inline-control-link:active {
 border: 1px inset #808080;
 background-color: #E0E0E0;
}
/* remove text decoration */
span.inline-control-link a {
 text-decoration: none;
}

/* ----- ui table (e.g. attachments list) ----- */

/* heading */
.tableview th, div.tabletitle {
 text-align: left;
 font-weight: bold;
 padding: 15px 0px 3px 4px;
 border-bottom: 1px solid #467;
 font-size: 12px;
}
/* cell */
.tableview td {
 text-align: left;
 border-bottom: 1px dashed #ccc;
 padding: 3px 10px 3px 4px;
}
/* alternate row highlight */
.rowAlternate {
 background-color: #f7f7f7;
}

/* ----- confluence panels ----- */

/* grey outline box (eg. theme thumbnails) */
.greybox {
 border: 1px solid #ddd;
 padding: 3px;
 margin: 1px 1px 10px 1px;
}
/* labels in grey boxes */
.greybox .label {
 font-weight: bold;
 color: #003366;
}
/* grey filled box (eg. edit space details) */
.greyboxfilled, .borderedGreyBox {
 border: 1px solid #ddd;
 background: #f0f0f0;
 padding: 3px;
 margin: 1px 1px 10px 1px;
}
/* labels in filled grey boxes */
.greyboxfilled .label {
 font-weight: bold;
 color: #003366;
}

/* ----- macro panels ----- */

/* warning panel */
.warningPanel {
 background: #FFFFCE;
 border:#F0C000 1px solid;
 padding: 8px;
 margin: 10px;
}
/* alert panel */
.alertPanel {
 background: #FFCCCC;
 border:#C00 1px solid;
 padding: 8px;
 margin: 10px;
}
/* info panel */
.infoPanel {
 background: #D8E4F1;
 border:#3c78b5 1px solid;
 padding: 8px;
 margin: 10px;
}

/* ----- information macros ----- */

.noteMacro {
 border: 1px solid #F0C000;
 background-color: #FFFFCE;
 text-align:left;
 margin-top: 5px;
 margin-bottom: 5px;
}
.warningMacro {
 border: 1px solid #c00;
 background-color: #fcc;
 text-align:left;
 margin-top: 5px;
 margin-bottom: 5px;
}
.infoMacro {
 border: 1px solid #3c78b5;
 background-color: #D8E4F1;
 text-align:left;
 margin-top: 5px;
 margin-bottom: 5px;
}
.tipMacro {
 border: 1px solid #090;
 background-color: #dfd;
 text-align:left;
 margin-top: 5px;
 margin-bottom: 5px;
}
.informationMacroPadding {
 padding: 5px 0 0 5px;
}
table.infoMacro td, table.warningMacro td, table.tipMacro td, table.noteMacro td, table.sectionMacro td {
    border: none;
}

/* ----- comments ----- */

/* comments layout */
.commentBox, .focusedComment {
 padding: 10px;
 margin: 5px 0px 5px 0px;
 border: 1px #bbb solid;
}
/* a focussed comment */
.focusedComment {
 background: #ffffce;
}

/* ----- builder panels ----- */

/* hide content in head */

head {
 display: none;
 visibility: false;
}

/* hide accessibility features by default */

.accessibility {
 visibility: false;
 display: none;
}

/* left slider */

.atb-sliderleft {
 cursor: w-resize !important;
}

/* right slider */

.atb-sliderright {
 cursor: e-resize !important;
}

/* allow special effects on tables, etc. */

.layout {
 writingMode:tb-rl;
}

/* inhibit selection where possible */

.noselect {
 -moz-user-select: none;
 cursor: default;
}

/* links */

A:link, A:visited, A:active, A:hover {
 color: #003366;
}

/* line spacing */

body, p, li {
 line-height:1.6em;
}

ul {
 line-height:1.6em;
}

/* heading styles */

h1, h2, h3, h4, h5, h6 {
 font-family: trebuchet ms, arial, verdana, lucida grande, sans-serif;
 line-height: normal;
 font-weight: bold;
 background-color: transparent;
 border-bottom: none;
}

h1 {
 font-size: 22px;
 color: #003366;
 padding: 0px;
 padding-bottom: 4px;
 padding-top: 12px;
 margin: 12px 0px 4px 0px;
}

h1 a img {
 position: relative;
 top: -3px;
}

h1 A:hover {
 border-bottom: none;
}

h2, h6 {
 font-size: 16px;
 color: #008000;
 padding: 0px;
 margin: 12px 0px 4px 0px;
}

h2 A:hover, h6 A:hover {
 color: #008000;
}

h3 {
 font-size: 14px;
 color: #003366;
 padding: 0px;
 margin: 12px 0px 4px 0px;
}

h3 A:hover {
 color: #003366;
}

h4 {
 font-size: 14px;
 font-weight: normal;
 color: #003366;
 padding: 0px;
 margin: 12px 0px 4px 0px;
}

h4 A:hover {
 color: #003366;
}

h5 {
 font-size: 12px;
 color: #000000;
 padding: 0px;
 margin: 10px 0px 4px 0px;
}

/* citation */

cite:before { content: "\""; }
cite:after { content: "\""; }
cite, cite:before, cite:after {
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
}

/* insertions and deletions */

ins {
 background-color: #DBFFDB;
}

del {
 background-color: #FFE5E5;
}

/* make italics more readable */

i, em {
 letter-spacing: 1px;
}

/* ----- centered divs / spans ----- */

.centered {
 text-align: center;
 margin: 10px;
}

/* ----- breadcrumbs and search box ----- */

/* Breadcrumb text color */

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active, .breadcrumbs a:hover, .breadcrumbs {
 color: #446677;
}

.breadcrumbs {
 padding-left: 7px;
}

/* ----- blog posts ----- */

/* blog heading (news page) */
.blogHeading {
 font-size: 14px;
 font-weight: bold;
}
/* link in blog heading (news page) */
.blogHeading a {
 text-decoration: none;
 color: black;
}
/* default settings for calendar */
.blogcalendar * {
 font-family:verdana, arial, sans-serif;
 font-size:x-small;
 font-weight:normal;
 line-height:140%;
 padding:2px;
}
/* border around calendar table */
table.blogcalendar {
 border: 1px solid #3c78b5;
}
/* general settings for calendar */
.blogcalendar th.calendarhead, a.calendarhead {
 font-size:x-small;
 font-weight:bold;
 padding:2px;
 text-transform:uppercase;
 background-color: #3c78b5;
 color: #ffffff;
 letter-spacing: .3em;
 text-transform: uppercase;
}
/* links in calendar heading */
.calendarhead:visited, .calendarhead:active, calendarhead:hover {
 color: white;
}
/* heading in blog calendar */
.blogcalendar th {
    font-size:x-small;
    font-weight:bold;
    padding:2px;
    background-color:#f0f0f0;
}
/* cell in blog calendar */
.blogcalendar td {
    font-size:x-small;
    font-weight:normal;
}

/* ----- tabbed displays ----- */

/* list page navigational tabs */
#foldertab {
padding: 3px 0px 3px 8px;
margin: 0px;
border-bottom: 1px solid #3c78b5;
font: bold 11px Verdana, sans-serif;
}
#foldertab li {
list-style: none;
margin: 0px;
display: inline;
}
#foldertab li a {
padding: 3px 0.5em;
margin-left: 3px;
border-bottom: none;
border: 1px solid #3c78b5;
background: #3c78b5;
text-decoration: none;
}
#foldertab li a:link { color: #ffffff; }
#foldertab li a:visited { color: #ffffff; }
#foldertab li a:hover {
color: #ffffff;
background: #003366;
border-color: #003366;
}
#foldertab li a.current {
background: white;
border-bottom: 1px solid white;
color: black;
}
#foldertab li a.current:link { color: black; }
#foldertab li a.current:visited { color: black; }
#foldertab li a.current:hover {
background: white;
border-bottom: 1px solid white;
color: black;
}
ul#foldertab, ul#foldertab li {
 line-height: 1.0em;
}
.confluenceTable {
border-collapse: collapse;
border: 1px solid #B2B2B2;
}
.confluenceTable th.confluenceTh {
border: 1px dotted #B2B2B2;
padding: 3px 4px 3px 4px;
background-color: #F5F5F5;
font-weight: bold;
font-size: small;
}
.confluenceTable .confluenceTd {
border: 1px dotted #B2B2B2;
padding: 3px 4px 3px 4px;
}
.blockquote {
margin-left: 10px;
padding-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
border-left: 2px solid #cccccc;
}
.sectionMacroWithBorder td {
 border: 1px solid #B2B2B2;
}
.panel {
 border: 1px dashed #3c78b5;
 margin: 10px;
 margin-top: 0px;
}
.panelHeader {
 background-color: #f0f0f0;
 border-bottom: 1px dashed #3c78b5;
 padding: 3px;
 text-align: center;
}
.panelContent {
 background-color: #f0f0f0;
 padding: 5px;
}
.smalltext {
 color: #666666;
 font-size: 10px;
}
.smalltext a {
 color: #666666;
}
.smalltext-blue {
 color: #3c78b5;
 font-size: 10px;
}
/* ---- code macro ---- */
.code {
 	border: 1px dashed #3c78b5;
    font-size: 11px;
	font-family: Courier;
    margin: 10px;
	line-height: 13px;
    overflow: auto;
}

.codeHeader {
    background-color: #f0f0f0;
 	border-bottom: 1px dashed #3c78b5;
    padding: 3px;
	text-align: center;
}

.codeContent {
    text-align: left;
    background-color: #f0f0f0;
    padding: 3px;
}

/* --- labels & restrictins in edit mode --- */

.atb-content div.formtitle span.inline-control-link {
    cursor:pointer !important;
}

/* --- new code macro --- */
.atb-content .dp-highlighter td span {
	font-family: Courier New, monospace;
	font-size: 11px;
}
.code-keyword {
  color: #000091;
  background-color: inherit;
}

.code-object {
  color: #910091;
  background-color: inherit;
}

.code-quote {
  color: #009100;
  background-color: inherit;
}

.code-comment {
  color: #808080;
  background-color: inherit;
}


.code-xml .code-keyword {
  color: inherit;
  font-weight: bold;
}

.code-tag {
  color: #000091;
  background-color: inherit;
}